
<!-- 修改角色弹框 -->
<template>
    <div>
      <el-dialog
        title="修改角色"
        :visible.sync="dialogVisible"
        width="30%"
        :before-close="handleClose"
        style="margin-top: 15vw"
      >
        <span>
          <el-form ref="form" :model="form" label-width="80px">
            <el-form-item label="选择角色">
              <el-select
                multiple 
                v-model="value"
                placeholder="请选择"
                @change="selectChange"
              >
                <el-option
                  v-for="(item, index) in options"
                  :key="index"
                  :label="item.label"
                  :value="item.id"
                >
                </el-option>
              </el-select>
            </el-form-item>
          </el-form>
        </span>
        <span slot="footer" class="dialog-footer">
          <el-button @click="dialogVisible = false">取 消</el-button>
          <el-button type="primary" @click="onSubmit">确 定</el-button>
        </span>
      </el-dialog>
    </div>
  </template>
    
    <script>
  import {
    updateUserSetRole,
    getSwRoles,
    getUserRole
  } from "@/api/datacentersg/achives/documentApi";
  export default {
    data() {
      return {
        dialogVisible: false,
        form: {
          user: "",
        },
        value:[],
        row: [],
        options: [],
        valueName:[],
      };
    },
    methods: {
      initUserPop(row) {
        console.log(row, "row");
        this.row = row;
        this.dialogVisible = true;
        getSwRoles().then((result) => {
          if (result.code === 0) {
            this.options = result.data.res_data.map((obj) => ({
              label: obj.roleName,
              value: obj.roleId,
              id: obj.roleId,
            }));
            // console.log(this.options,"options");
            // this.value = this.row[0].roleId; // 设置初始值
            // // this.value = result.data.res_data.map(res => res.id)
            // // this.value = this;
            // // this.valueName.map((item)=>{
            // //   this.value.push({
            // //     item,
            // //   })
            // // })
            if(this.row.length == 1){
              getUserRole({userId:this.row[0].userId}).then((res)=>{
                this.value = []
                res.data.res_data.map((res)=>{
                  this.value.push(res.roleId)
                })
              })
            }else if(this.row.length > 1){
              getUserRole({userId:this.row[0].userId}).then((res)=>{
                this.value = []
                res.data.res_data.map((res)=>{
                  this.value.push(res.roleId)
                })
              })
            }
            
          }
        });
      },
      selectChange(value) {
        console.log(value, "value");
        this.valueName = value;
  
      },
      handleClose(done) {
        done();
      },
      onSubmit() {
        let params = [];
        if(!Array.isArray(this.row)) {
          return false;
        }
        // params = 
        this.row.map((e) => {
          this.valueName.map((item)=>{
            params.push({
              userId: e.userId,
              roleId:item,
            })
            // return {
             // 获取选定角色的roleId
          // };
          })
        });
        // console.log(params,"params");
        // return false
        updateUserSetRole(params).then((result) => {
          if (result.code == 0) {
            this.$message({
              message: "操作成功",
              type: "success",
            });
            this.$emit("initData");
            this.dialogVisible = false;
          }
        });
      },
    },
  };
  </script>
    
    <style>
  </style>



<template>
  <el-dialog
    title="提示"
    :visible.sync="dialogVisible"
    width="30%"
    :before-close="handleClose"
  >
    <div class="wrapper">
      <div class="leftWarp">
        <div class="record-img">
          <div
            style="
              display: flex;
              justify-content: space-around;
              align-items: center;
            "
          >
            <img
              :src="zhaopian"
              alt=""
              style="width: 50px; height: 50px; border-radius: 30px"
            />
            <h3>{{ name }}</h3>
          </div>
          <hr />
          <span style="font-size: 14px; margin-left: 10px">{{ jiguan }}</span>
          <span
            style="
              display: inline-block;
              width: 100%;
              height: 20px;
              background: #fff;
              border-radius: 5px;
              margin-top: 21px;
            "
            @click="toggleClass"
          >
            <i class="el-icon-caret-top" style="margin-left: 88px"></i>
          </span>
          <!-- <div class="smallMask">
          <div
            class="box-card"
            v-for="(item, index) in tableData"
            @click="handleClickCard(item)"
            :key="index"
          >
            <img
              style="width: 50px; height: 50px; border-radius: 30px"
              :src="item.zhaopian"
              alt=""
            />
            <span>{{ item.xingming }}</span>
          </div>
        </div> -->
          <p
            style="
              writing-mode: vertical-rl;
              font-size: 20px;
              height: 127px;
              margin-top: 80px;
              margin-left: 10px;
            "
          >
            当前材料:
          </p>

          <p
            style="
              writing-mode: vertical-rl;
              font-size: 25px;
              color: red;
              height: 300px;
              margin-left: 5px;
              margin-top: -39px;
            "
          >
            {{ nameTree }}
          </p>
        </div>
      </div>
      <div class="centerWarp">
        <div class="left" :style="{ height: heightTree }">
          <el-tree
            ref="tree"
            style="margin-left: 10px; margin-top: 5px; margin-bottom: 5px"
            :data="treeData"
            node-key="id"
            :props="defaultProps"
            highlight-current
            @node-click="handleNodeClick"
            :current-node-key="currentNodekey"
            :default-expanded-keys="[treeData[0].children[0]]"
          ></el-tree>
        </div>
        <div class="right">
          <div class="thumbnail" :style="{ height: heightY }">
            <img
              v-for="(image, index) in imageData"
              :src="image.description"
              :key="index"
              :style="{
                width: '140px',
                height: '200px',
                border: index === selectedImageIndex ? '2px solid red' : '',
              }"
              @click="selectImage(index)"
            />
          </div>
          <div class="bigPicture" :style="{ height: heightY }">
            <img
              :src="selectedImageData.description"
              alt=""
              style="width: 100%; height: 100%"
            />
          </div>
        </div>
      </div>

      <div class="rightWarp">
        <button
          v-if="!isFullScreen"
          :class="{ buttonOne: true, active: activeButton == 'fullScreen' }"
          @click="fullScreen"
        >
          全屏
        </button>
        <button
          v-else
          :class="{ buttonOne: true, active: activeButton == 'exitFullScreen' }"
          @click="exitFullScreen"
        >
          退出全屏
        </button>
        <button
          v-if="!pageFlag"
          :class="{ buttonOne: true, active: activeButton == 'bothPage' }"
          @click="bothPage"
        >
          双页
        </button>
        <button
          v-else
          :class="{ buttonOne: true, active: activeButton == 'billPage' }"
          @click="billPage"
        >
          单页
        </button>
        <button
          :class="{ buttonOne: true, active: activeButton == 'highDefinition' }"
          @click="highDefinition"
        >
          高清
        </button>
        <button
          :class="{ buttonOne: true, active: activeButton == 'help' }"
          @click="help"
        >
          帮助
        </button>
        <button
          :class="{ buttonOne: true, active: activeButton == 'upPage' }"
          @click="upPage"
        >
          上一页
        </button>
        <button
          :class="{ buttonOne: true, active: activeButton == 'downPage' }"
          @click="downPage"
        >
          下一页
        </button>
      </div>
      <bothPagePop
        v-if="bothPagePopFlag"
        ref="bothPagePopRefs"
        :name="name"
        :idCard="idCard"
      ></bothPagePop>
      <!-- 点击帮助，弹出蒙层页 -->
      <div class="mask">
        <div class="interMask">
          <div class="one">
            <div class="menuList"></div>
            <div
              style="
                border: 1px solid rgb(0, 0, 0);
                height: 30px;
                width: 0px;
                margin-left: 115px;
                margin-top: 30px;
                margin-bottom: -30px;
              "
            ></div>
            <div class="menuListText">切换人员</div>
          </div>
          <div class="two">
            <div class="treeList"></div>
            <div
              style="
                border: 1px solid rgb(0, 0, 0);
                height: 30px;
                width: 0px;
                margin-left: 115px;
                margin-top: 30px;
                margin-bottom: -30px;
              "
            ></div>
            <div class="treeListText">
              【右键】加入<br />
              打印列表
            </div>
          </div>
          <div class="three">
            <div class="thumbnailList"></div>
            <!-- <div class="thumbnailListTextOne">
            点击任意位置下一步<br />
            【右键】退出帮助<br />
          </div> -->
            <div class="thumbnailListTextTwo" @click="dontHelp">
              点击关闭帮助
            </div>

            <div class="thumbnailListText">
              【悬浮】查看缩略图<br />
              【右键】加入打印列<br />
              表或从打印列表移除
            </div>
          </div>
          <div class="four">
            <div class="buttonList"></div>
            <div class="buttonListText">是否全屏</div>
            <div class="buttonListText1">单双页切换</div>
            <div class="buttonListText3">原始/高清图片切换</div>
            <div class="buttonListText4">帮助</div>
            <div class="buttonListText5">上一页</div>
            <div class="buttonListText6">下一页</div>
          </div>
        </div>
      </div>
    </div>
    <span slot="footer" class="dialog-footer">
      <el-button @click="dialogVisible = false">取 消</el-button>
      <el-button type="primary" @click="dialogVisible = false">确 定</el-button>
    </span>
  </el-dialog>
</template>

<script>
import {
  getMaterialTree,
  clickMaterial,
  getImgFromCacheByFlag,
} from "@/api/datacentersg/achives/documentApi";
import bothPagePop from "@/views/datacentersg/archives/documentArchives/bothPagePop";
export default {
  components: { bothPagePop },
  data() {
    return {
      heightY: window.innerHeight - 50 + "px",
      heightTree: window.innerHeight - 50 + "px",
      heightTrees: window.innerHeight - 80 + "px",
      dialogVisible:false,
      tabPosition: "left",
      images: [],
      currentPageIndex: 0,
      treeData: [],
      imageData: [],
      selectedImageIndex: 0,
      selectedImageData: {},
      defaultProps: {
        children: "children",
        label: "name",
      },
      activeButton: "highDefinition", // 初始化为 'highDefinition'，表示高清按钮默认高亮
      printFlag: false,
      bothPagePopFlag: false,
      currentNodekey: "", //默认选中的节点树
      name: "",
      idCard: "",
      description: "",
      nameTree: "1999年制干部履历表",
      materialid: "1",
      isFullScreen: false,
      pageFlag: false,
      helpFlag: true,
      isHighDefinition: true, // 默认让高清按钮高亮
      // tableData: [],
      zhaopian: "",
      listRow: "",
      jiguan: "",
    };
  },
  mounted() {
    this.getMaterialTree();
    this.init();
    document.addEventListener("keydown", this.handleKeyDown);
  },
  beforeUnmount() {
    document.removeEventListener("keydown", this.handleKeyDown);
  },
  created() {
    let name = this.$route.query.name;
    let idCard = this.$route.query.idCard;
    this.name = name;
    this.idCard = idCard;
  },
  methods: {
    init() {
      let name = this.$route.query.name;
      let idCard = this.$route.query.idCard;
      let jiguan = this.$route.query.jiguan;
      // let tableData = this.$route.query.tableData; // 获取JSON字符串形式的tableData
      // this.tableData = JSON.parse(tableData);
      this.zhaopian = this.$route.query.zhaopian;
      this.name = name;
      this.idCard = idCard;
      this.jiguan = jiguan;
    },
    // 点击切换icon图标的变化
    toggleClass(event) {
      const icon = event.target;
      if (icon.classList.contains("el-icon-caret-top")) {
        icon.classList.remove("el-icon-caret-top");
        icon.classList.add("el-icon-caret-bottom");
        // var element = document.querySelector(".smallMask");
        // element.style.display = "block";
      } else if (icon.classList.contains("el-icon-caret-bottom")) {
        icon.classList.remove("el-icon-caret-bottom");
        icon.classList.add("el-icon-caret-top");
        // var element = document.querySelector(".smallMask");
        // element.style.display = "none";
      }
    },
    handleClickCard(itemRow) {
      this.listRow = itemRow;
      // this.name = itemRow.xingming;
      // this.zhaopian = itemRow.zhaopian;
      // var element = document.querySelector(".smallMask");
      // element.style.display = "none";
      this.getMaterialTree();
    },
    // 获取人员档案左侧目录结构树
    getMaterialTree() {
      if (this.listRow == "") {
        let names = this.$route.query.name;
        let idCards = this.$route.query.idCard;
        const params = {
          name: names,
          idCard: idCards, //身份证号
        };
        getMaterialTree(params).then((result) => {
          if (result.code === 0) {
            this.treeData = result.data.res_data;
            // this.nameTree = [...result.data.res_data.name]
            this.handleNodeClick(this.treeData[0].children[0]); // 默认展示第一个目录下的图片
          }
        });
      } else {
        let names = this.listRow.xingming;
        let idCards = this.listRow.sfzh;
        const params = {
          name: names,
          idCard: idCards, //身份证号
        };
        getMaterialTree(params).then((result) => {
          if (result.code === 0) {
            this.treeData = result.data.res_data;
            // this.nameTree = [...result.data.res_data.name]
            this.handleNodeClick(this.treeData[0].children[0]); // 默认展示第一个目录下的图片
          }
        });
      }
    },
    selectChange() {},
    handleDefaultMenuSelect(index) {
      this.defaultActiveIndex = index; // 改变当前选中的菜单项
    },
    // 点击缩略图
    handleNodeClick(data) {
      if (data.children && data.children.length > 0) {
        // 点击的是父节点，不执行任何操作
        return;
      }
      if (this.listRow == "") {
        let names = this.$route.query.name;
        let idCards = this.$route.query.idCard;
        this.currentNodekey = data.id;
        this.nameTree = data.name;
        const materialid = this.materialid && this.currentNodekey;
        const params = {
          name: names,
          idCard: idCards, //身份证号
          materialid: materialid, //点击的目录ID
        };
        clickMaterial(params).then((result) => {
          if (result.code === 0) {
            this.imageData = result.data.res_data;
            this.imageData.forEach((item, i) => {
              const paramsNew = {
                name: names,
                idCard: idCards, //身份证号
                fileName: item.fileName, //文件名
              };
              getImgFromCacheByFlag(paramsNew).then((result) => {
                if (result.code === 0) {
                  this.$set(item, "description", result.data.res_data);
                }
              });
            });
            this.selectImage(0); // 默认展示第一张图片
          }
        });
      } else {
        let names = this.listRow.xingming;
        let idCards = this.listRow.sfzh;
        this.currentNodekey = data.id;
        this.nameTree = data.name;
        const materialid = this.materialid && this.currentNodekey;
        const params = {
          name: names,
          idCard: idCards, //身份证号
          materialid: materialid, //点击的目录ID
        };
        clickMaterial(params).then((result) => {
          if (result.code === 0) {
            this.imageData = result.data.res_data;
            this.imageData.forEach((item, i) => {
              const paramsNew = {
                name: names,
                idCard: idCards, //身份证号
                fileName: item.fileName, //文件名
              };
              getImgFromCacheByFlag(paramsNew).then((result) => {
                if (result.code === 0) {
                  this.$set(item, "description", result.data.res_data);
                }
              });
            });
            this.selectImage(0); // 默认展示第一张图片
          }
        });
      }
    },
    // 点击全屏
    fullScreen() {
      this.activeButton = "fullscreen";
      const elem = document.documentElement;
      if (elem.requestFullscreen) {
        elem.requestFullscreen();
      } else if (elem.mozRequestFullScreen) {
        elem.mozRequestFullScreen();
      } else if (elem.webkitRequestFullscreen) {
        elem.webkitRequestFullscreen();
      } else if (elem.msRequestFullscreen) {
        elem.msRequestFullscreen();
      }
      var element = document.querySelector(".left");
      element.style.height = "1030px";
      var element = document.querySelector(".thumbnail");
      element.style.height = "1030px";
      var element = document.querySelector(".bigPicture");
      element.style.height = "1030px";
      this.isFullScreen = true; // 添加一个变量用于标记是否处于全屏模式
    },
    handleKeyDown(event) {
      if (event.keyCode === 27) {
        this.exitFullScreen();
      }
    },
    // 退出全屏
    exitFullScreen() {
      this.activeButton = "exitFullScreen";
      if (document.exitFullscreen) {
        document.exitFullscreen();
      } else if (document.mozCancelFullScreen) {
        document.mozCancelFullScreen();
      } else if (document.webkitExitFullscreen) {
        document.webkitExitFullscreen();
      } else if (document.msExitFullscreen) {
        document.msExitFullscreen();
      }
      var element = document.querySelector(".left");
      element.style.height = "905px";
      var element = document.querySelector(".thumbnail");
      element.style.height = "905px";
      var element = document.querySelector(".bigPicture");
      element.style.height = "905px";
      this.isFullScreen = false; // 修改变量标记退出全屏模式
    },
    // 双页
    bothPage() {
      this.activeButton = "bothPage";
      this.bothPagePopFlag = true;
      this.$nextTick(() => {
        this.$refs.bothPagePopRefs.init(this.imageData, this.treeData);
      });
      this.pageFlag = true;
    },
    // 单页
    billPage() {
      this.activeButton = "billPage";
      this.bothPagePopFlag = false;
      this.$nextTick(() => {
        this.$refs.bothPagePopRefs.close();
      });
      this.pageFlag = false;
    },
    // 帮助
    help() {
      this.activeButton = "help";
      var element = document.querySelector(".mask");
      element.style.display = "block";
      this.helpFlag = false;
    },
    dontHelp() {
      var element = document.querySelector(".mask");
      element.style.display = "none";
      this.helpFlag = true;
    },
    // 上一页
    upPage() {
      this.activeButton = "upPage";
      if (this.currentPageIndex > 0) {
        this.currentPageIndex--;
        this.selectImage(this.currentPageIndex);
      }
      this.$refs.bothPagePopRefs.showPreviousImages();
    },
    // 下一页
    downPage() {
      this.activeButton = "downPage";
      if (this.currentPageIndex < this.imageData.length - 1) {
        this.currentPageIndex++;
        this.selectImage(this.currentPageIndex);
      }
      this.$refs.bothPagePopRefs.showNextImages();
    },
    // 点击高清图片
    highDefinition() {
      this.activeButton = "highDefinition";
      this.isHighDefinition = true;
      this.getMaterialTree();
      this.$message({
        message: "当前浏览的已经是高清图片了",
        type: "success",
      });
    },
    // handleClose(){
    //   thi
    // }
    // 获取base64图片
    selectImage(index) {
      this.selectedImageIndex = index;
      this.selectedImageData = this.imageData[index];
    },
    
  },
};
</script>

<style scoped>
.wrapper {
  width: 100%;
  height: 100%;
  background: #eee;
  /* height: 100%; */
}
.smallMask {
  display: none;
  width: 11.833vw;
  height: 800px;
  overflow-y: scroll;
  background: #fff;
  z-index: 2000;
  position: absolute;
  top: 118px;
  left: 10px;
}
.box-card {
  width: 10.833vw;
  height: 80px;
  margin-top: 0.26vw;
  margin-left: 0.26vw;
  display: flex;
  justify-content: space-around;
  align-items: center;
  background: #f5f5f5;
}
.box-card:hover {
  box-shadow: 10px 10px 10px #ccc;
}

.mask {
  display: none;
  width: 100%;
  height: 100%;
  opacity: 0.6;
  background: #6f6f6f;
  z-index: 2000;
  position: absolute;
  top: 0;
}
.one {
  width: 300px;
  height: 100%;
  margin: 5.302vw 0 0 20px;
  float: left;
}
.menuList {
  background: #fff;
  width: 200px;
  height: 20px;
}
.two {
  width: 18.417vw;
  height: 100%;
  margin: 1.344vw 0 0 0.365vw;
  float: left;
}
.treeList {
  background: #fff;
  width: 18.417vw;
  height: 1.042vw;
}
.three {
  width: 10.417vw;
  height: 100%;
  margin: 20px 0 0 7px;
  float: left;
}
.thumbnailList {
  background: #fff;
  width: 10.417vw;
  height: 49.042vw;
}
.four {
  width: 5.417vw;
  height: 100%;
  margin: 14.438vw 0 0 42.5vw;
  float: left;
}
.buttonList {
  background: #fff;
  width: 5.417vw;
  height: 23.042vw;
}
.menuListText {
  width: 150px;
  height: 40px;
  color: #fff;
  background: #000;
  text-align: center;
  line-height: 40px;
  margin-top: 30px;
  margin-left: 45px;
  border-radius: 10px;
}
.treeListText {
  width: 150px;
  height: 5.083vw;
  color: #fff;
  background: #000;
  text-align: center;
  line-height: 40px;
  margin-top: 30px;
  margin-left: 45px;
  border-radius: 10px;
}
.thumbnailListTextOne {
  width: 7.813vw;
  height: 4.083vw;
  color: #fff;
  background: #000;
  text-align: center;
  line-height: 2.083vw;
  margin-top: -33.437vw;
  margin-left: 15.344vw;
  border-radius: 10px;
}
.thumbnailListTextTwo {
  width: 7.813vw;
  height: 2.083vw;
  color: #fff;
  background: #000;
  text-align: center;
  font-size: 16px;
  line-height: 2.083vw;
  margin-top: -33.437vw;
  margin-left: 15.344vw;
  border-radius: 10px;
}
.thumbnailListText {
  width: 7.813vw;
  height: 6.083vw;
  color: #fff;
  background: #000;
  text-align: center;
  line-height: 2.083vw;
  margin-top: 8.437vw;
  margin-left: 15.344vw;
  border-radius: 10px;
}
.buttonListText {
  width: 150px;
  height: 40px;
  color: #fff;
  background: #000;
  text-align: center;
  line-height: 40px;
  margin-top: -21.2vw;
  margin-left: -9.656vw;
  border-radius: 10px;
}
.buttonListText1 {
  width: 150px;
  height: 40px;
  color: #fff;
  background: #000;
  text-align: center;
  line-height: 40px;
  margin-top: 1.4vw;
  margin-left: -9.656vw;
  border-radius: 10px;
}
.buttonListText2 {
  width: 150px;
  height: 40px;
  color: #fff;
  background: #000;
  text-align: center;
  line-height: 40px;
  margin-top: 0.8vw;
  margin-left: -9.656vw;
  border-radius: 10px;
}
.buttonListText3 {
  width: 150px;
  height: 40px;
  color: #fff;
  background: #000;
  text-align: center;
  line-height: 40px;
  margin-top: 0.8vw;
  margin-left: -9.656vw;
  border-radius: 10px;
}
.buttonListText4 {
  width: 150px;
  height: 40px;
  color: #fff;
  background: #000;
  text-align: center;
  line-height: 40px;
  margin-top: 0.8vw;
  margin-left: -9.656vw;
  border-radius: 10px;
}
.buttonListText5 {
  width: 150px;
  height: 40px;
  color: #fff;
  background: #000;
  text-align: center;
  line-height: 40px;
  margin-top: 0.8vw;
  margin-left: -9.656vw;
  border-radius: 10px;
}
.buttonListText6 {
  width: 150px;
  height: 40px;
  color: #fff;
  background: #000;
  text-align: center;
  line-height: 40px;
  margin-top: 0.8vw;
  margin-left: -9.656vw;
  border-radius: 10px;
}
.leftWarp {
  float: left;
  width: 200px;
}
.record-img {
  width: 200px;
  height: 120px;
  border: 1px solid #ccc;
  border-radius: 10px;
  margin-left: 20px;
  margin-top: 5px;
}
.left {
  float: left;
  margin-left: 6.625vw;
  background: #f7f2ec;
  width: 18.417vw;
  /* height: 100%; */
  margin-top: 30px;
  overflow-y: scroll;
}
.right {
  float: left;
  margin-left: 15px;
  background: #f7f2ec;
  margin-top: 30px;
}
.thumbnail {
  width: 8.813vw;
  overflow-y: scroll;
  float: left;
  /* margin-left: 10px; */
  margin-top: 5px;
  margin-bottom: 5px;
  background: #fff;
}
.bigPicture {
  float: left;
  width: 600px;
  margin-top: 5px;
  margin-bottom: 5px;
  margin-right: 10px;
  background: #fff;
  margin-left: 10px;
}
>>> .el-tree-node__content {
  height: 60px;
}
.rightWarp {
  width: 300px;
  /* height: 100%; */
  margin-top: 300px;
  float: left;
}
.centerWarp {
  float: left;
}
.buttonOne {
  background: #009ae8;
  width: 70px;
  height: 50px;
  font-size: 16px;
  border-radius: 10px;
  border: 1px solid #ccc;
  color: #fff;
  line-height: 50px;
  text-align: center;
  margin-left: 240px;
  margin-top: 8px;
  box-shadow: 2px 2px 10px #ccc;
}
.active {
  background: #fbae26;
  color: #fff;
  font-size: 16px;
}
/* .buttonOne:hover{
  background: #FBAE26;
  color:#fff;
  font-size: 16px;
} */
/deep/ .el-tree > .el-tree-node > .el-tree-node__content {
  font-weight: 900;
  /* color: red; */
  background: #cfe5fc;
}
/deep/
  .el-tree
  > .el-tree-node
  > .el-tree-node__children
  > .el-tree-node
  > .el-tree-node__content
  > .el-tree-node__label {
  font-weight: 700;
}
/deep/.el-tree--highlight-current
  .el-tree-node.is-current
  > .el-tree-node__content {
  background: #6baef1;
}

>>> .el-tree-node__content {
  /* background-color: #CFE5FC; */
  margin-top: 2px;
}

/* background-color: #CFE5FC; */
/* // let route = this.$router.resolve({
  //   name: "browseRouter",
  //   query: {
  //     name: row.xingming,
  //     idCard: row.sfzh,
  //     jiguan:row.jiguan,
  //     // tableData:JSON.stringify(this.tableData),
  //     zhaopian:row.zhaopian,
  //   },
  // });
  // window.open(route.href, "_blank");     */
</style>
